<!-- 通用CSS -->
<head th:fragment=header(title)>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<title th:text="${title}"></title>
	<link th:href="@{/css/bootstrap.min.css?v=3.3.7}" rel="stylesheet"/>
	<link th:href="@{/css/font-awesome.min.css?v=4.7.3}" rel="stylesheet"/>
	<!-- bootstrap-table 表格插件样式 -->
	<link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=1.18.3}" rel="stylesheet"/>
	<link th:href="@{/css/animate.min.css?v=20210831}" rel="stylesheet"/>
	<link th:href="@{/css/style.min.css?v=20210831}" rel="stylesheet"/>
	<link th:href="@{/ruoyi/css/ry-ui.css?v=4.7.3}" rel="stylesheet"/>
</head>

<!-- 通用CSS -->
<head th:fragment=index-header(title)>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<title th:text="${title}"></title>
	<link th:href="@{/css/bootstrap.min.css?v=3.3.7}" rel="stylesheet"/>
	<link th:href="@{/css/font-awesome.min.css?v=4.7.3}" rel="stylesheet"/>
	<link th:href="@{/ruoyi/css/ry-ui.css?v=4.7.3}" rel="stylesheet"/>
	<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<link rel="stylesheet" th:href="@{/css/index/index.css}">
	<!--导入layui-->
	<link rel="stylesheet" th:href="@{/ajax/libs/layui-v2.6.8/layui/css/layui.css}">

</head>

<!-- 通用JS -->
<div th:fragment="footer">
    <script th:inline="javascript"> var ctx = [[@{/}]]; var lockscreen = [[${session.lockscreen}]]; if(lockscreen){window.top.location=ctx+"lockscreen";} </script>
    <a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
	<script th:src="@{/js/jquery.min.js?v=3.6.0}"></script>
	<script th:src="@{/js/bootstrap.min.js?v=3.3.7}"></script>
	<!-- bootstrap-table 表格插件 -->
	<script th:src="@{/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=1.18.3}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v=1.18.3}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js?v=1.18.3}"></script>
	<!-- jquery-validate 表单验证插件 -->
	<script th:src="@{/ajax/libs/validate/jquery.validate.min.js?v=1.19.3}"></script>
	<script th:src="@{/ajax/libs/validate/jquery.validate.extend.js?v=1.19.3}"></script>
	<script th:src="@{/ajax/libs/validate/messages_zh.js?v=1.19.3}"></script>
	<!-- bootstrap-table 表格树插件 -->
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/tree/bootstrap-table-tree.min.js?v=1.18.3}"></script>
	<!-- 遮罩层 -->
	<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js?v=2.70.0}"></script>
    <script th:src="@{/ajax/libs/iCheck/icheck.min.js?v=1.0.3}"></script>
	<script th:src="@{/ajax/libs/layer/layer.min.js?v=3.5.1}"></script>
	<script th:src="@{/ajax/libs/layui/layui.min.js?v=2.6.8}"></script>
	<script th:src="@{/ruoyi/js/common.js?v=4.7.3}"></script>
	<script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.3}"></script>
</div>
<div th:fragment="footer-layui">
	<script th:inline="javascript"> var ctx = [[@{/}]]; var lockscreen = [[${session.lockscreen}]]; if(lockscreen){window.top.location=ctx+"lockscreen";} </script>
	<a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
	<script th:src="@{/js/jquery.min.js?v=3.6.0}"></script>
	<script th:src="@{/js/bootstrap.min.js?v=3.3.7}"></script>
	<!-- bootstrap-table 表格插件 -->
	<script th:src="@{/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=1.18.3}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v=1.18.3}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js?v=1.18.3}"></script>
	<!-- jquery-validate 表单验证插件 -->
	<script th:src="@{/ajax/libs/validate/jquery.validate.min.js?v=1.19.3}"></script>
	<script th:src="@{/ajax/libs/validate/jquery.validate.extend.js?v=1.19.3}"></script>
	<script th:src="@{/ajax/libs/validate/messages_zh.js?v=1.19.3}"></script>
	<!-- bootstrap-table 表格树插件 -->
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/tree/bootstrap-table-tree.min.js?v=1.18.3}"></script>
	<!-- 遮罩层 -->
	<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js?v=2.70.0}"></script>
	<script th:src="@{/ajax/libs/iCheck/icheck.min.js?v=1.0.3}"></script>
	<script th:src="@{/ajax/libs/layer/layer.min.js?v=3.5.1}"></script>
	<script th:src="@{/ajax/libs/layui-v2.6.8/layui/layui.js}"></script>
	<script th:src="@{/ruoyi/js/common.js?v=4.7.3}"></script>
	<script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.3}"></script>
</div>
<div th:fragment="footer-index">
	<script th:inline="javascript"> var ctx = [[@{/}]]; var lockscreen = [[${session.lockscreen}]]; if(lockscreen){window.top.location=ctx+"lockscreen";} </script>
	<a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
	<script th:src="@{/js/jquery.min.js?v=3.6.0}"></script>
	<script th:src="@{/js/bootstrap.min.js?v=3.3.7}"></script>
	<script th:src="@{/ajax/libs/layer/layer.min.js?v=3.5.1}"></script>
	<script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.3}"></script>
	<!--导入layui	-->
	<script th:src="@{/ajax/libs/layui-v2.6.8/layui/layui.js}"></script>
</div>


<!-- ztree树插件 -->
<div th:fragment="ztree-css">
    <link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
</div>
<div th:fragment="ztree-js">
    <script th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script>
</div>

<!-- select2下拉框插件 -->
<div th:fragment="select2-css">
    <link th:href="@{/ajax/libs/select2/select2.min.css?v=4.0.13}" rel="stylesheet"/>
    <link th:href="@{/ajax/libs/select2/select2-bootstrap.min.css?v=4.0.13}" rel="stylesheet"/>
</div>
<div th:fragment="select2-js">
    <script th:src="@{/ajax/libs/select2/select2.min.js?v=4.0.13}"></script>
</div>

<!-- bootstrap-select下拉框插件 -->
<div th:fragment="bootstrap-select-css">
    <link th:href="@{/ajax/libs/bootstrap-select/bootstrap-select.min.css?v=1.13.18}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-select-js">
    <script th:src="@{/ajax/libs/bootstrap-select/bootstrap-select.min.js?v=1.13.18}"></script>
</div>

<!-- datetimepicker日期和时间插件 -->
<div th:fragment="datetimepicker-css">
    <link th:href="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.css?v=2.4.4}" rel="stylesheet"/>
</div>
<div th:fragment="datetimepicker-js">
    <script th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js?v=2.4.4}"></script>
</div>

<!-- ui布局插件 -->
<div th:fragment="layout-latest-css">
    <link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css?v=1.4.4}" rel="stylesheet"/>
</div>
<div th:fragment="layout-latest-js">
    <script th:src="@{/ajax/libs/jquery-layout/jquery.layout-latest.js?v=1.4.4}"></script>
</div>

<!-- summernote富文本编辑器插件 -->
<div th:fragment="summernote-css">
    <link th:href="@{/ajax/libs/summernote/summernote.css?v=0.8.18}" rel="stylesheet"/>
</div>
<div th:fragment="summernote-js">
    <script th:src="@{/ajax/libs/summernote/summernote.min.js?v=0.8.18}"></script>
	<script th:src="@{/ajax/libs/summernote/summernote-zh-CN.js?v=0.8.18}"></script>
</div>

<!-- cropper图像裁剪插件 -->
<div th:fragment="cropper-css">
    <link th:href="@{/ajax/libs/cropper/cropper.min.css?v=1.5.12}" rel="stylesheet"/>
</div>
<div th:fragment="cropper-js">
    <script th:src="@{/ajax/libs/cropper/cropper.min.js?v=1.5.12}"></script>
</div>

<!-- jasny功能扩展插件 -->
<div th:fragment="jasny-bootstrap-css">
    <link th:href="@{/ajax/libs/jasny/jasny-bootstrap.min.css?v=3.1.3}" rel="stylesheet"/>
</div>
<div th:fragment="jasny-bootstrap-js">
    <script th:src="@{/ajax/libs/jasny/jasny-bootstrap.min.js?v=3.1.3}"></script>
</div>

<!-- fileinput文件上传插件 -->
<div th:fragment="bootstrap-fileinput-css">
    <link th:href="@{/ajax/libs/bootstrap-fileinput/fileinput.min.css?v=5.2.4}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-fileinput-js">
    <script th:src="@{/ajax/libs/bootstrap-fileinput/fileinput.min.js?v=5.2.4}"></script>
</div>

<!-- duallistbox双列表框插件 -->
<div th:fragment="bootstrap-duallistbox-css">
    <link th:href="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.css?v=3.0.9}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-duallistbox-js">
    <script th:src="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.js?v=3.0.9}"></script>
</div>

<!-- suggest搜索自动补全 -->
<div th:fragment="bootstrap-suggest-js">
    <script th:src="@{/ajax/libs/suggest/bootstrap-suggest.min.js?v=0.1.29}"></script>
</div>

<!-- typeahead搜索自动补全 -->
<div th:fragment="bootstrap-typeahead-js">
    <script th:src="@{/ajax/libs/typeahead/bootstrap-typeahead.min.js?v=4.0.2}"></script>
</div>

<!-- 多级联动下拉 -->
<div th:fragment="jquery-cxselect-js">
    <script th:src="@{/ajax/libs/cxselect/jquery.cxselect.min.js?v=1.4.2}"></script>
</div>

<!-- jsonview格式化和语法高亮JSON格式数据查看插件 -->
<div th:fragment="jsonview-css">
    <link th:href="@{/ajax/libs/jsonview/jquery.jsonview.css?v=1.2.0}" rel="stylesheet"/>
</div>
<div th:fragment="jsonview-js">
    <script th:src="@{/ajax/libs/jsonview/jquery.jsonview.js?v=1.2.0}"></script>
</div>

<!-- jquery.smartwizard表单向导插件 -->
<div th:fragment="jquery-smartwizard-css">
    <link th:href="@{/ajax/libs/smartwizard/smart_wizard_all.min.css?v=5.1.1}" rel="stylesheet"/>
</div>
<div th:fragment="jquery-smartwizard-js">
    <script th:src="@{/ajax/libs/smartwizard/jquery.smartWizard.min.js?v=5.1.1}"></script>
</div>

<!-- ECharts百度统计图表插件 -->
<div th:fragment="echarts-js">
    <script th:src="@{/ajax/libs/report/echarts/echarts-all.min.js?v=4.2.1}"></script>
</div>

<!-- peity图表组合插件 -->
<div th:fragment="peity-js">
    <script th:src="@{/ajax/libs/report/peity/jquery.peity.min.js?v=2.0.3}"></script>
</div>

<!-- sparkline线状图插件 -->
<div th:fragment="sparkline-js">
    <script th:src="@{/ajax/libs/report/sparkline/jquery.sparkline.min.js?v=2.1.2}"></script>
</div>

<!-- 表格行拖拽插件 -->
<div th:fragment="bootstrap-table-reorder-rows-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-rows/bootstrap-table-reorder-rows.js?v=1.18.3}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-rows/jquery.tablednd.js?v=1.0.3}"></script>
</div>

<!-- 表格列拖拽插件 -->
<div th:fragment="bootstrap-table-reorder-columns-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-columns/jquery.dragtable.js?v=5.3.5}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-columns/bootstrap-table-reorder-columns.js?v=1.18.3}"></script>
</div>

<!-- 表格列宽拖动插件 -->
<div th:fragment="bootstrap-table-resizable-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/resizable/jquery.resizableColumns.min.js?v=0.1.0}"></script>
    <script th:src="@{/ajax/libs/bootstrap-table/extensions/resizable/bootstrap-table-resizable.js?v=1.18.3}"></script>
</div>

<!-- 表格行内编辑插件 -->
<div th:fragment="bootstrap-editable-css">
    <link th:href="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.css?v=1.5.1}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-table-editable-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.min.js?v=1.5.1}"></script>
    <script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-table-editable.js?v=1.18.3}"></script>
</div>

<!-- 表格导出插件 -->
<div th:fragment="bootstrap-table-export-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js?v=1.18.3}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/export/tableExport.min.js?v=1.10.24}"></script>
</div>

<!-- 表格冻结列插件 -->
<div th:fragment="bootstrap-table-fixed-columns-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js?v=1.18.3}"></script>
</div>

<!-- 表格自动刷新插件 -->
<div th:fragment="bootstrap-table-auto-refresh-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.js?v=1.18.3}"></script>
</div>

<!-- 表格打印插件 -->
<div th:fragment="bootstrap-table-print-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/print/bootstrap-table-print.js?v=1.18.3}"></script>
</div>

<!-- 表格视图分页插件 -->
<div th:fragment="bootstrap-table-custom-view-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/custom-view/bootstrap-table-custom-view.js?v=1.18.3}"></script>
</div>


<!--页尾-->
<div th:fragment="footer-nav-index"  style="width: 100%;margin-top: 100px">
	<div style="background-color: white; width: 100%;padding: 25px 0">
		<div class="layui-container">
			<div class="layui-row">
				<div style="width: 100%;text-align: center" class="footer-top-container">
					<div class="layui-col-md4">
						<ul  style="width: 100%;text-align: center">
							<li class="link-item"><a href="https://blog.csdn.net/a123123sdf" target="_blank" class="link">csdn</a></li>
							<li class="link-item"><a href="https://gitee.com/wuyujitang" target="_blank" class="link">gitee</a></li>
							<li class="link-item"><a href="https://github.com/wuyujitang" target="_blank" class="link">github</a></li>
						</ul>
					</div>
					<div class="layui-col-md4 ">
						<ul style="width: 100%;text-align: center">
							<li class="link-item"><span>电话：1559465552</span></li>
							<li class="link-item"><span>邮箱：1559465552.@qq.com</span></li>
						</ul>
					</div>
					<div class="layui-col-md4 ">
						<ul style="width: 100%;text-align: center">
							<li class="link-item link-item-care">
								关注微信公众号: <b>太极模块</b>
							</li>
							<li class="link-item">
								<img class="hover-img" style="width: 100px" th:src="@{/img/qrcode_for_gh_266ea55bcfc0_258.jpg}">
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="layui-container">
		<div class="layui-row">
			<div class="layui-col-md4 layui-col-md-offset4 footer-bottom-container">
				<div style="width: 100%;text-align: center;padding: 15px 0">
					<div class="copyright">
						<span class="gozap-icon"  style="color: #a4a4a4;font-size: 13px">wuyujitang.top
						© 2022 TaskSupervision Copyright
						</span>
					</div>
					<div class="filing" style="color: #a4a4a4;font-size: 13px"><img th:src="@{/img/Bitmap@2x-849161f86a.png}" alt="" style="width: 16px;margin-right: 5px;">京ICP备66666号-6 京公网安备 6666666666666</div>
				</div>
			</div>
		</div>
	</div>
	<style>
		.footer-top-container div ul li {
			margin: 20px 0;
			font-size: 14px;
			font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
			color: #676a6c;
		}
		.footer-top-container div ul li a{
			margin: 20px 0;
			text-decoration: none;
			font-size: 16px;
			font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
			color: #676a6c;
		}
		.footer-top-container div ul li a:hover{

			color: #01AAED;
		}
	</style>
</div>


<!-- 首页导航栏 -->
<nav th:fragment="headNav" class="navbar navbar-default navbar-fixed-top my-navbar">
	<div class="container">
		<!--页面导航-->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" th:href="@{/index}" style=" color: #F8AA00;font-weight: 600">TaskSupervision</a>
			<!--<a class="navbar-brand" th:href="@{/index}"><img th:src="@{/img/index/images/logo.png}" alt="logo"></a>-->
		</div>

		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<!--导航-->
			<ul class="nav navbar-nav my-navbar-nav">
				<li class="active"><a th:href="@{/index}">主页<span class="sr-only">(current)</span></a></li>
<!--				<li><a href="#">42区</a></li>-->
<!--				<li><a href="#">段子</a></li>-->
<!--				<li><a href="#">图片</a></li>-->
				<li><a href="/news" target="_blank">新闻资讯</a></li>
				<li th:if="${selfUser!=null}"><a href="javascript:;" onclick="articleManage()">帖子管理</a></li>

				<li th:if="${selfUser!=null}"><a href="javascript:;" onclick="taskManage()">任务管理</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right user-center" th:if="${selfUser!=null}">
				<li class="dropdown user-menu">
					<a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
						<img th:src="(${#strings.isEmpty(selfUser.avatar)}) ? @{/img/river.png} : @{${selfUser.avatar}}" th:onerror="this.src='/img/river.png'" class="user-image">
						<span class="hidden-xs">[[${#strings.defaultString(selfUser.userName, '-')}]]</span>
					</a>
					<ul class="dropdown-menu">
						<li class="mt5">
							<a th:href="${'/system/user/home/'+selfUser.userId}" target="_blank" class="menuItem noactive">
								<i class="fa fa-home" ></i> 我的主页</a>
						</li>
						<li>
							<a onclick="userInfo()" target="_blank">
								<i class="fa fa-user"></i> 个人信息</a>
						</li>
						<li>
							<a onclick="resetPwd()" target="_blank">
								<i class="fa fa-key"></i> 修改密码</a>
						</li>
						<li>
							<a th:href="@{/admin/index}"  target="_blank" shiro:hasRole="admin">
								<i class="fa fa-tv"></i> 后台管理</a>
						</li>
						<li style="border-top: 1px solid #EEEEEE">
							<a th:href="@{/logout}">
								<i class="fa fa-sign-out"></i> 退出登录</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="nav navbar-nav navbar-right my-form create-task" th:if="${selfUser!=null}">
				<li>
					<a href="javascript:createTask();"><i class="glyphicon glyphicon-leaf" style="color: wheat;"></i> <span class="bold" style="color: white;font-weight: 600">新建任务</span></a>
				</li>
			</ul>
			<!--搜索框-->
			<form class="navbar-form navbar-right my-form">
				<div class="form-group">
					<input type="text" class="form-control" id="search-key"  placeholder="Search">
				</div>
				<a class="my-img" href="javascript:;" onclick="searchIndex()"></a>
				<div id="search-list-box" style="width: 100%;background-color: rgba(255,255,255,0.9);position: absolute;margin-top: 8px;border-radius: 2px;overflow: auto;height: 220px;display: none;z-index: 99999">
					<ul id="search-list">

					</ul>
				</div>
				<!--遮罩层-->
				<div id="zzc" onclick="hideSearchBox()"></div>
				<style>
					#zzc{
						display: none;
						position: fixed;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						z-index: 9999;
					}
					#search-list a :hover{
						background-color: #01AAED;
					}
					#search-list a li:hover {
						color: white;
					}
				</style>
			</form>
			<!--注册登录-->
			<ul class="nav navbar-nav navbar-right my-navbar-nav" th:if="${selfUser==null}">
				<li><a style="color: white;" href="/register">注册</a></li>
				<li><a style="color: white;" href="/login">登录</a></li>
			</ul>
			<script th:inline="javascript">
				//新建任务页面
				function createTask() {
					var url = '/taskcenter/taskcenter/addIndex';
					top.layer.open({
						type : 2,
						title : '新建任务',
						anim : 2,
						area : [ '90%', '90%' ],
						maxmin : true,
						shadeClose: true,
						content : url
					})
				}
				// 修改密码
				function resetPwd() {
					var url = '/system/user/profile/resetPwd';
					$.modal.open("重置密码", url, '770', '380');
				}
				//个人信息
				function userInfo() {
					var url = '/system/user/profile';
					$.modal.open("个人信息", url, '970', '500');
				}
				/*任务管理*/
				function taskManage() {
					var url = '/taskcenter/taskcenter/index';
					top.layer.open({
						type : 2,
						title : '任务管理',
						anim : 2,
						area : [ '90%', '90%' ],
						maxmin : true,
						shadeClose: true,
						content : url
					})
					// $.modal.open("任务管理", url, '970', '500');
				}
				/*帖子管理*/
				function articleManage() {
					var url = '/system/article/index';
					top.layer.open({
						type : 2,
						title : '帖子管理',
						anim : 2,
						area : [ '90%', '90%' ],
						maxmin : true,
						shadeClose: true,
						content : url
					})
					// $.modal.open("帖子管理", url, '970', '500');
				}
				function hideSearchBox() {
					$('#search-list-box').hide()
					$('#zzc').hide()
				}
				function searchIndex() {
					var key = $('#search-key').val();
					$('#search-list-box').show()
					$('#zzc').show()
					var url= "/search/"+key
					var config = {
						url: url,
						type: "get",
						dataType: "json",
						beforeSend: function () {
						},
						success: function(result) {
							if (result.code=="0") {
								$('#search-list').html("")
								for (let article of result.data) {
									var li = '<a href="/system/article/detail/'+article.id+'" target="_blank" style="min-width: 100px;text-decoration:none;"><li style="padding: 10px 20px;">'+article.articleTitle+'</li></a>';
									$('#search-list').append(li)
								}
								if (result.data.length==0){
									var li = '<li style="padding: 10px 20px;">没有搜到，换一个试试!</li>';
									$('#search-list').append(li)
								}
							} else {
								var li = '<li style="padding: 10px 20px;">出错啦，请稍后再试！</li>';
								$('#search-list').append(li)
							}
						}
					}
					$.ajax(config)
				}
			</script>
		</div>
	</div>
</nav>
